import React from 'react';
import { Input, Form, Row, Col } from 'antd';
import { useTranslation } from 'react-i18next';

export default function BasicAuth() {
  const { t } = useTranslation('datasourceManage');
  return (
    <>
      <div className='page-title' data-oid='3soson3'>
        {t('form.auth')}
      </div>
      <Row gutter={16} data-oid='ua:_t_q'>
        <Col flex={'1'} data-oid='3.7fhn6'>
          <Form.Item label={t('form.username')} name={['auth', 'basic_auth_user']} data-oid='sfzzhaf'>
            <Input autoComplete='off' data-oid='1_2quj1' />
          </Form.Item>
        </Col>
        <Col flex={'1'} data-oid='_:inxc6'>
          <Form.Item label={t('form.password')} name={['auth', 'basic_auth_password']} data-oid='qgq6dxj'>
            <Input.Password autoComplete='new-password' data-oid='eeqhhk5' />
          </Form.Item>
        </Col>
      </Row>
    </>
  );
}
